import { Outlet } from "react-router";

import IHeader from "@/components/header/IHeader"
import { useEffect } from "react";
import $wss from "@/services/wss.service";
import $wssTest from "@/services/test-wss.service";

export default function AppLayout() {
  useEffect(() => {
    $wss.bootstrap()
    $wssTest.bootstrap()
    return () => {
      $wss.destroy()
      $wssTest.destroy()
    }
  }, [])
  return (
    <div className="app-layout-wrap">
      <IHeader/> 
      <div className="app-layout-content-wrap">
        <Outlet/>
      </div>
    </div>
  )
}